<template>
    <overallview :element="props.element">
        <el-form-item 
            :label-width="props.element.options.labelHide ? '0px' : props.element.options.labelWidth.value ?  props.element.options.labelWidth.value + props.element.options.labelWidth.unit :  ''"
        >
            <template #label>
                <span class="fc-form-title">
                    <el-tooltip v-if="props.element.options.prompt"  :content="props.element.options.prompt">      
                        <my-icon  name="el-icon-Warning" size="14" style="top: 2px;"/>
                    </el-tooltip>
                    {{ props.element.options.label }}
                </span>
            </template>
            <draggable-forms :draggable-obj="props.element" type="group"/>
        </el-form-item>
    </overallview>
</template>

<script setup>
import overallview from '../overallview.vue'
import column from '../column/view.vue'
import { useDragStore } from "@/store/modules/drag"
import { deepCopy, deepMerge, uuid } from "@/utils/index"
import { loadComponent, components, loadComponentConfig } from "@/elements/index"
import clolumnConfig from "@/elements/column/config"
import draggableForms from "@/layout/components/draggableForm/index.vue"

// 接收父节传入点参数
const props = defineProps({ 
    element: { // 元素信息
        type: Object,
        default: () => ({}),
    }
})
</script>